body,div,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,button,input{margin:0;padding:0;}
body{font-family:'微软雅黑';background:#fff;}
ol,ul{list-style:none;}
input,button,textarea{outline:none;border:none;}
html{font-size:94%;/* 16÷16=62.5% 说明：字体：font-size:1.2rem 等于12px/10 本代码是按照/20来开发的 注意：谷歌浏览器 字体默认最小是12px; 要改成10PX 以下*/}
a{text-decoration:none; color: #006990}
img{border:0;vertical-align:middle}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
*{-webkit-tap-highlight-color:rgba(255,0,0,0);}
.beBlock{display: block;}
.beInlineBlock{display:inline-block;}
.order-box {margin: 1.2rem auto auto; width: 94%;}
p.rule{line-height:1.6rem;;}
h4.title{line-height:1.2rem;font-size:1rem;padding-left:5px;border-left:solid 3px #00678C; margin-bottom:10px;}
.small{font-size:0.9rem;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.block-center{margin-left:auto;margin-right:auto;}
.pull-left{float:left;}
.pull-right{float:right}
.pull-left,.pull-right{display: inline-block;}
.oh{overflow:hidden;}
.mainColor{color:#006990;}
.border-radius-5{border-radius:5px;-webkit-border-radius:5px;}
h3.ruleTitle{font-size:1.2rem;margin-bottom: 20px;}
#input-search{width:100%;height:100%;background:url(/static/images/img01.png) no-repeat;background-size:100% 100%;cursor:pointer}
/*border和padding不计算入width之内*/
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
@font-face{font-family:幼圆;src: url('/static/font/SIMYOU.TTF');}
body{font-size:1rem;color:#006990;font-family:'微软雅黑';}

.hear{width:90%;height:3.6rem;margin:auto;position:relative;}
.portrait-box{width:3rem;height:3rem;border-radius:30px;-webkit-border-radius:30px;
background:url(/static/images/default.png);background-size:100% 100%;overflow:hidden;float:left;margin-top:0.3rem;}
.portrait-box img{width:100%;}
.hear .logo-box{width:4.2rem;position:absolute;left:50%;top:50%;margin-left:-2.1rem;margin-top:-0.7rem;}
.hear .logo-box img{width:100%;}
.hear .right-box{width:1.8rem;height:1.8rem;overflow:hidden;float:right;margin-top:0.8rem;}
.hear .right-box img{width:100%;}
.hear .bg{width:100%;position:absolute;bottom:-0.5rem;left:0;}
.hear .bg img{width:100%;}
.text-blue{color:#006990!important;}
.text-red{color:#d11345!important;}
.border-bottom-string{border-bottom:1px solid #cbd1d2;}
.margin-bottom-5{margin-bottom:5px!important;;}
.margin-right-5{margin-right:5px!important;}
.margin-right-10{margin-right:10px!important;;}
.margin-right-20{margin-right:20px!important;}
.margin-bottom-10{margin-bottom:10px!important;}
.margin-bottom-20{margin-bottom:20px!important;}
.min-font-size{font-size:0.7rem!important;}
.commodity-h1{font-size:1rem;color:#333;margin-bottom:7px;}
.commodity-h2{font-size:0.9rem;color:#4d4d4d;margin-bottom:7px;}
.result-h1{font-size:0.9rem;color:#333;margin-bottom:5px;}
.result-h2{font-size:0.7rem;color:rgba(0,0,0,0.5);margin-bottom:3px;line-height:1rem}
.result-h3{font-size:0.8rem;}
@media only screen and (min-width: 481px){
    html {
        font-size: 100%!important; /* 15.04÷16=94% */
    }
}
@media only screen and (min-width: 561px){
    html {
        font-size: 109%!important; /* 17.44÷16=109% */
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 125%!important; /* 20÷16=125% */
    }
}
@media screen and (max-width: 321px) { /*当屏幕尺寸小于321px时，应用下面的CSS样式*/
body{width:320px;}
}
@media screen and (min-width: 641px) { /*当屏幕尺寸小于321px时，应用下面的CSS样式*/
body{width:640px;margin:auto;}
}
.p_num {
    width: 78px;
    height: 24px;
    line-height: 24px;
    border-top: solid 1px #d0d0d0;
    position: relative;
    border-bottom: solid 1px #d0d0d0;
    margin-top: -3px;
}
 
span.sy_minus,span.sy_plus {
    width: 15px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0px;
    font-size: 14px;
    border: solid 1px #d0d0d0;
    background: #ebebeb;
    cursor: pointer;
    border-top: none;
    border-bottom: none;
}
 
span.sy_minus {
    left: 0px;
}
 
span.sy_plus {
    right: 0px;
}
 
input.sy_num {
    width: 44px;
    height: 22px;
    /*line-height: 22px;*/
    text-align: center;
    position: absolute;
    top: 0px;
    left: 17px;
}
span.sy_num {
    padding: 6px 8px;
    border: solid 1px #d0d0d0;
    border-left: none;
    border-right: none;
    cursor: pointer;
}
.key-nav{width:90%;margin:auto;border-bottom: 1px dashed #d8d8d8;}
.key-nav span{padding:5px 10px;width:80px;border-radius:15px;-webkit-border-radius:15px;margin-bottom:10px}
.key-nav span.special-item{width:110px!important;}
.nav-item-active{background-color:#006990;color:white;}
.container{width:90%;margin: auto;}
#keyForOrder-table{width:100%; }
#keyForOrder-table td,#keyForOrder-table th{width:20%;text-align: center;padding:8px 0;}
#keyForOrder-table td>span{display: block;width:75%;margin:auto;height:10px;border:1px solid #006990;}
.param-item-active{background-color:#006990;}
#construction-sub-B{display: none;}
.link {color: #ff6000;}

.btn {
    line-height: 2.2rem;
    font-size: 1rem;
    color: #fff;
    font-family: '微软雅黑';
    background-color: #006990;
    border: solid 1px #d8d8d8;
    border-radius: 0.2rem;
    padding: 0 2rem;
}

.btn:active{background-color:#0d5c7a;}

.btn-block {
    display: block;
    width: 100%;
    text-align: center;
    letter-spacing: 3px;
}

.btn.btn-sm {
    line-height: 1.2rem;
    padding: 0 1rem;
    font-size: .8rem;
}

.divider {
    margin: .5rem 0;
    border-top: 1px solid #e0e0e0;
    /*height: 1px;*/
}

.float-right {
    float: right;
}

.bg-grey {
    background-color: #f0f0f0;
}

.title-bar h3{
    line-height: 30px;
}

.my-container {
    margin: 0 15px;
}

.result-box {
    background-color: #fff;
    padding: 0 15px;
    border-radius: 4px;
    display: block;
}

.media-list .media {
    border-top: 1px solid #CCCCCC;
}

.media-list .media:last-child {
    border-bottom: 1px solid #CCCCCC;
}

.media {
    width: 100%;
}

.media td {
    vertical-align: top;
    padding-bottom: 5px;
    border-bottom: 1px solid #CCCCCC;
}

.media-img {
    width: 60px;
}

.media-title {
    line-height: 1.8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #006990;
}

.media-text {
    font-size: 12px;
    color: #333333;
    line-height: 1.6rem;
}

.media-text-item {
    margin-right: 10px;
}

.media-date {
    font-size: 14px;
    color: #aaaaaa;
}

.img-responsive {
    max-width: 100%;
}

.text-tract {
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

h2.box-title{
    margin: 1rem 0 0.5rem;
}

.more {
    background-color: rgba(243, 175, 21, 0.94);
    padding: 1px 10px;
    border-radius: 8px;
    color: white;
}

.g-tags {
    position: absolute;
    bottom: 0;
    right: 0;
}

.tag {
    background-color: rgba(243, 175, 21, 0.94);
    padding: 0 5px;
    color: #ffffff;
    font-size: 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.g-tags > .tag {
    display: block;
    margin-bottom: 2px;
}


.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(33, 33, 33, 0.2);
}

.modal.active {
    display: block;
}

.modal-dialog {
    margin: 40px auto 0;
    width: 80%;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 3px 3px 2px #B5B3B3;
    padding: 5px;
}

.modal-footer, .modal-body {
    padding: 5px 0;
}

.modal-footer {
    text-align: center;
}

.friend-tip {margin-top: 45px; text-align: center;}